﻿@{
	Layout = null;
}

<link href="~/libs/layui-v2.9.21/layui-v2.9.21/layui/css/layui.css" rel="stylesheet" />

<div style="margin-left: 20px;margin-top: 20px;">
	<form class="layui-form layui-row layui-col-space16" style="width: 100%; display: flex; align-items: center;margin-top: 20px">
		<div class="layui-inline">
			<label>入库单编号</label>
			<div class="layui-inline">
				<input name="lbounListCode" style="width:150px;" class="layui-input" placeholder="请输入入库单编号" />
			</div>
		</div>
		<div class="layui-inline">
			<label>入库单名称</label>
			<div class="layui-inline">
				<input name="lbounListName" style="width:150px;" class="layui-input" placeholder="请输入入库单名称" />
			</div>
		</div>
		<div class="layui-inline">
			<button class="layui-btn layui-bg-blue" lay-submit lay-filter="demo-table-search">查询</button>

			<button type="reset" class="layui-btn layui-btn-primary">清除</button>

			<button type="button" class="layui-btn" onclick="insertInfor()">+添加</button>
		</div>
	</form>
</div>
<div style="margin-top: 20px;margin-left: 20px">
	<table id="GetList" lay-filter="GetList"></table>
</div>
<script type="text/html" id="btn">
	<a class="layui-btn layui-bg-blue layui-btn-xs" lay-event="upd">编辑</a>
	<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="delete">删除</a>
</script>

<script src="~/libs/jquery/jquery.js"></script>
<script src="~/libs/layui-v2.9.21/layui-v2.9.21/layui/layui.js"></script>

<script>
	layui.use('table', function () {
		var table = layui.table;
		var form = layui.form;
		var laydate = layui.laydate;

		// 渲染表格
		table.render({
			elem: '#GetList',
			url: '/ProcurementWarehousing/GetProcurementWarehousingList', // 实际接口地址
			page: true, // 开启分页
			limit: 10, // 每页默认显示的条数
			limits: [10, 20, 30], // 每页条数的选择项
			cols: [
				[
					{ field: 'lbounListCode', align: 'center', title: '入库单编号' },
					{ field: 'lbounListName', align: 'center', title: '入库单名称' },
					{ field: 'supplierName', align: 'center', title: '供应商名称' },
					{
						field: 'lbounTime', align: 'center', title: '入库日期', width: 180, templet: function (d) {
							return d.lbounTime ? layui.util.toDateString(d.lbounTime, 'yyyy-MM-dd') : '';
						}
					},
					{ field: 'purchaseOrderNumber', align: 'center', title: '采购订单号' },
					{
						field: 'dstatus',
						align: 'center',
						title: '是否启用',
						templet: function (d) {
							return d.dstatus ? '草稿' : '已完成';
						}
					},
					{ title: '操作', fixed: 'right', width: 200, align: 'center', toolbar: '#btn' }
				]
			],
			done: function (res, curr, count) {
				// 表格加载完成后的回调
				//console.log(curr);
			}
		});

		// 搜索提交
		form.on('submit(demo-table-search)', function (data) {
			var field = data.field; // 获得表单字段

			//使用 ajax 发送搜索请求（可选）
			$.ajax({
				type: 'get',
				url: '/ProcurementWarehousing/GetProcurementWarehousingList', // 替换成实际的后端接口地址
				data: field, // 将表单数据作为请求参数
				success: function (res) {
					// 处理成功响应，如果需要的话
					console.log(res); // 输出后端返回的数据

					// 更新表格数据
					table.reload('GetList', {
						page: { curr: 1 }, // 重新从第 1 页开始加载数据
						where: field // 将表单中的字段作为搜索的条件
					});

					// 显示搜索成功的消息提示
					layer.msg('搜索成功');
				},
				error: function (err) {
					// 错误处理，可以显示错误消息等
					console.error('搜索失败', err);
					layer.msg('搜索失败，请稍后重试');
				}
			});
			return false; // 阻止表单的默认提交行为
		});

		//触发单元格时间
				table.on('tool(GetList)', function (obj) {
				var data = obj.data;
				console.log(data.id);

				if (obj.event === 'delete') {
					layer.confirm('确定要删除吗？', function (index) {
						// 获取当前行数据
						var data = obj.data;

						// 执行删除操作的 AJAX 请求
						$.ajax({
								url: "/ProcurementWarehousing/DeleteProcurementWarehousing", // 替换成实际的删除接口地址
							type: "get", // 或者 "GET"，根据实际接口要求
							data: {
								id: data.id // 将删除需要的参数传递给后端，这里假设删除操作需要 id 参数
							},
							success: function (res) {
								console.log(res);
								// 删除成功的处理逻辑
								if (res === 1) {
									layer.msg('删除成功');
									// 这里可以根据业务需求，刷新表格数据或者进行其他操作
										table.reload('GetList');
								} else {
									layer.msg('删除失败: ' + res.msg);
								}
							},
							error: function (xhr, status, error) {
								console.error('删除请求出错', error);
								layer.msg('删除请求出错，请重试');
							}
						});

						layer.close(index); // 关闭确认框
					});
				}
				if (obj.event === 'upd') {
					//在按钮点击事件中打开一个新页面的弹窗
					layer.open({
						type: 2,
							title: '编辑采购入库',
						shadeClose: true,
						//shade: [0],
						shade: 0.5,
						area: ['700px', '60%'],
							content: ['/ProcurementWarehousing/Update?id=' + data.id, 'no'],
						end: function () {
							// iframe层关闭后刷新页面
							location.reload(); // 刷新页面
						}
					});
				}
			})
		});

		function insertInfor() {
			//iframe层
			layer.open({
				type: 2,
				title: '添加采购入库',
				shadeClose: true,
				shade: 0.5,
				area: ['700px', '60%'],
					content: '/ProcurementWarehousing/Add', //iframe的src
				end: function () {
					// iframe层关闭后刷新页面
					location.reload(); // 刷新页面
				}
			});
		}
</script>